<template>
    <div class="container">
      <HomeView />
      <div class="zhjcBj1"></div>
      <div class="zhjcBj2"></div>
    </div>
  </template>
  
  <script>
  import HomeView from "@/views/HomeView.vue";
  
  export default {
    name: "zhjcBj",
    components: { HomeView },
    data() {
      return {};
    },
    created() {},
    methods: {},
  };
  </script>
  
  <style lang="scss" scoped>
  .container {
    // padding: 1rem;
    background: #fff;
    // margin-top: 1.5rem;
    position: relative; /* 设置为相对定位，作为绝对定位的参考 */
  }
  .zhjcBj1 {
    position: absolute; /* 使用绝对定位 */
    top: 1.5rem; /* 从顶部开始 */
    right: 1.5rem; /* 从右边开始 */
    width: 500px; /* 定义一个宽度，根据需要调整 */
    height: 650px; /* 高度设置为容器的100% */
    z-index: 9999; /* 设置较高的z-index值 */
    background-image: url('/src/assets/images/mylyj1.png');
    background-size: contain; 
    background-repeat: no-repeat;
  }
  .zhjcBj2 {
    position: absolute; /* 使用绝对定位 */
    top: 200px; /* 从顶部开始 */
    right: 40%; /* 从右边开始 */
    width: 500px; /* 定义一个宽度，根据需要调整 */
    height: 450px; /* 高度设置为容器的100% */
    z-index: 9999; /* 设置较高的z-index值 */
    background-image: url('/src/assets/images/mylyj2.png');
    background-size: contain; 
    background-repeat: no-repeat;
  }
  </style>
  